<template>
	<div class="blocks">
		<div class="block">
	        <h3><a href="javascript:void(0);">热销精品<i></i></a></h3>
	        <ul style="overflow: hidden;">
	            <li><a href="javascript:void(0);"><img src="./sell_1.jpg" alt="记录仪"></a></li>
	            <li><a href="javascript:void(0);"><img src="./sell_2.jpg" alt="方向盘套"></a></li>
	            <li><a href="javascript:void(0);"><img src="./sell_3.jpg" alt="美容清洁"></a></li>
	            <li><a href="javascript:void(0);"><img src="./sell_4.jpg" alt="养护品"></a></li>
	            <li><a href="javascript:void(0);"><img src="./sell_5.jpg" alt="坐垫"></a></li>
	            <li><a href="javascript:void(0);"><img src="./sell_6.jpg" alt="GPS导航"></a></li>
	            <li><a href="javascript:void(0);"><img src="./sell_7.jpg" alt="安全座椅"></a></li>
	            <li><a href="javascript:void(0);"><img src="./sell_8.jpg" alt="太阳膜"></a></li>
	        </ul>
	    </div>
	    <div class="block">
	        <h3><a href="javascript:void(0);">保养用品<i></i></a></h3>
	        <ul style="overflow: hidden;">
	            <li><a href="javascript:void(0);"><img src="./mt_1.jpg" alt="油品"></a></li>
	            <li><a href="javascript:void(0);"><img src="./mt_2.jpg" alt="滤清器"></a></li>
	            <li><a href="javascript:void(0);"><img src="./mt_3.jpg" alt="雨刮"></a></li>
	            <li><a href="javascript:void(0);"><img src="./mt_4.jpg" alt="刹车片"></a></li>
	            <li><a href="javascript:void(0);"><img src="./mt_5.jpg" alt="火花塞"></a></li>
	            <li><a href="javascript:void(0);"><img src="./mt_6.jpg" alt="蓄电池"></a></li>
	            <li><a href="javascript:void(0);"><img src="./mt_7.jpg" alt="轮胎"></a></li>
	            <li><a href="javascript:void(0);"><img src="./mt_8.jpg" alt="照明"></a></li>
	        </ul>
	    </div>
	</div>
	
</template>

<script>
	export default{
		
	}
</script>

<style scoped>
	.block {
	    margin-top: 10px;
	    background: #fff;
	    padding-bottom: 20px;
	}
	.block h3 {
	    height: 60px;
	    line-height: 60px;
	    text-indent: 1em;
	    border-bottom: 1px solid #efefef;
	    position: relative;
	}
	.block h3 a {
	    float: left;
	    width: 100%;
	    color: #333;
	}
	.block h3 i {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(./r_arrow.png) no-repeat;
}
	.block li {
    width: 25%;
    float: left;
	}
	.block  li a {
    width: 100%;
    float: left;
}
img {
    width: 100%;
}
</style>